﻿<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <title>飞行功能测试</title>
    <!-- Tell IE to use the latest, best version. -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- 使移动应用程序占用全屏浏览器并禁用用户缩放. -->
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <!-- 禁止缓存 -->
<!--    <meta http-equiv="pragma" content="no-cache">-->
<!--    <meta http-equiv="Cache-Control" content="no-cache, must-revalidate">-->
    <meta http-equiv="Access-Control-Allow-Origin" content="*" />
    <meta http-equiv="expires" content="Wed, 26 Feb 1997 08:21:57 GMT">
    <link rel="shortcut icon" href="earth.ico" type="image/x-icon" />
    <!--Cesium Viewer小部件-->
    <link rel="stylesheet" href="libs/Cesium/Widgets/widgets.css" />
    <link href="libs/SuperMap/css/font-awesome.min.css" rel="stylesheet">
    <!--飞行界面样式-->
    <!--初始化界面样式-->
    <link rel="stylesheet" href="css/index.css" />
    <!--工具条-->
    <link rel="stylesheet" href="css/toobar.css" />
    <link rel="stylesheet" href="/scripts/layui/font/iconfont.woff">
    <link rel="stylesheet" href="/scripts/layui/css/layui.css">
    <script src="../Script/Inject_cesium.js" type="text/javascript"></script>
    <script src="../Script/Initial_help.js" type="text/javascript"></script>
    <link href="../Css/map.css" rel="stylesheet" />
    <link href="../Widgets/Widgets.css" rel="stylesheet" />
    <style>
        .tableth {
            border: 1px solid #2b3345;
            text-align: center;
        }
        
        .tabletd {
            border: 1px solid #060709;
        }
        
        html,
        body {
            height: 100%;
        }
        
        tr {
            text-align: center;
        }
        
        #store tr:hover td {
            background: #00B2EE;
        }
        
        .layui-layer-iframe iframe {
            overflow: hidden;
            height: 100%;
            width: 100%;
        }
        
        #mapSplitIframe {
            width: 100%;
            height: 100%;
            z-index: 999999;
            background: white;
            position: absolute;
            top: 0px;
            display: none;
        }
        
        #navbar-nav-container {
            height: 100%;
            width: 100%;
        }
        
        .toolbar-item-child {
            border: none !important;
            background-color: white !important;
            display: none;
            position: relative;
            top: 5px;
            border-radius: 10px;
            padding: 5px;
        }
        
        .toolbar-item-child dd {
            cursor: pointer;
            margin: 5px;
            height: 25px;
            line-height: 25px;
            border-bottom: 1px dotted #dddddd;
            cursor: pointer;
        }
        
        .toolbar-item-child dd:hover {
            /* color: #777;
            background:#dddddd; */
            font-weight: bolder;
        }
        #posionNavigationTool {
            width: 600px;
            height: 400px;
            padding: 10px;
            border: none !important;
            background-color: white !important;
            display: none;
            position: relative;
            top: 3px;
            border-radius: 10px;
            left: -250px;
        }

        .position {
            cursor: pointer;
            margin:5px;
        }
        .position:hover{
            font-weight:bold;
        }

        #city {
            height: 10%;
        }

        #street {
            height: 85%;
            overflow: auto;
        }
        .navbar {
            background: transparent !important;
        }
        
        #navbar-nav-container li:hover .toolbar-item-child {
            display: block;
        }
        #navbar-nav-container li:hover #posionNavigationTool {
            display: block;
        }
        #navbar-nav-container li:hover .ImgSty {
            content: url(img/general/upArrow.png);
        }
        
        #navbar-nav-container li a:hover {
            text-decoration: none;
        }
        
        .toolbarDIV {
            position: absolute;
            height: 37px;
            top: 7px;
            right: 10px;
            z-index: 99;
            background: white;
            border-radius: 25px;
            padding: 5px 10px;
            font-size: 14px;
            opacity: 0.9;
        }
        
        #righrBottomToolDiv {
            z-index: 99;
            height: auto;
            position: absolute;
            right: 10px;
            bottom: 30px;
        }
        
        #legendDiv {
            z-index: 99;
            width: 350px;
            height: 400px;
            padding: 10px;
            background-color: #FFF;
            opacity: 0.9;
            position: absolute;
            right: 58px;
            bottom: 30px;
            display: none;
        }
        
        #basemapDiv {
            z-index: 99;
            width: 260px;
            height: 150px;
            padding: 10px;
            background-color: #FFF;
            opacity: 0.9;
            position: absolute;
            right: 58px;
            bottom: 30px;
            display: none;
        }
    </style>
    <script src="libs/jquery/jquery.js"></script>
    <script src="/Login.js"></script>
    <script src="libs/jquery/interface.js"></script>
    <script src="/scripts/layui/layui.js"></script>
    <script src="js/utils/LayerManage/jquery.ztree.all.min.js"></script>
    <!--cesium-->
    <script src="libs/Cesium/Cesium.js"></script>
    <script src="libs/Cesium/navigation.js"></script>
    <script src="FlyViewer.js"></script>
    <!-- 配置文件 -->
    <script src="js/config.js"></script>
    <!--工具条-->
    <script src="js/utils/toorbar.js"></script>
    <script src="js/utils/utils.js"></script>
    <script src="js/FlyViewer.js"></script>
    <script src="js/quoteJS.js"></script>
    <script src="js/map/MapStatic.js"></script>
    <script src="js/utils/LayerManage/MapLayers.js"></script>


    <style>
        .mainDiv{
            position: absolute;
            top: 20px;
            left: 20px;
            height: auto;
            width: 250px;
        }
        .detailDiv{
            height: 30px;
        }
        .titleDiv{
            color: white;
        }
    </style>
</head>

<body onload="earthInit()" oncontextmenu=self.event.returnValue=false>
    <div id="cesiumContainer" class="CesiumViewerContainer" style="width: 100% !important;">
    </div>
    <!-- 图层树 -->
    <div id="ztreecontent">
        <div class="LayerTree-main-form-header">
            <i class="headericon"></i>
            <i class="title" style="color: cornsilk;">数据目录</i>
            <i class="LayerTree-main-form-fixed" id="LayerTree-main-form-fixed" title="固定"></i>
            <i class="LayerTree-main-form-closebutton" id="LayerTree-main-form-closebutton"></i>
        </div>
        <div class="LayerTree-main-form-body" id="LayerTree-main-form-body" style="width: 100%;height: 94%;overflow-y: scroll;">
            <ul id="ztree" class="ztree"></ul>
        </div>
    </div>
    <!--下侧边栏-->
    <div id="Main-Status">
        <!--状态栏内容-->
    </div>
    <div class="mainDiv">
        <div class="detailDiv"><span class="titleDiv">高度</span><input value="800" class="flyHeight"></div>
<!--        <div class="detailDiv"><span class="titleDiv">方位角</span><input class="flyHeading"></div>-->
        <div class="detailDiv"><span class="titleDiv">俯仰角</span><input value="330" class="flyPitch"></div>
<!--        <div class="detailDiv"><span class="titleDiv">滚动角</span><input class="flyRoll"></div>-->
        <input type="button" class="" id="showPath" value="显示线路"></br>
        <input type="button" class="" id="deletePath" value="删除线路"></br>
        <input type="button" class="" id="flyPath" value="飞行"></br>
        <input type="button" class="" id="pausePath" value="暂停"></br>
        <input type="button" class="" id="exitPath" value="退出"></br>
    </div>

</body>
</html>